<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        项目信息-拜访记录
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../../css/main.css" media="all">
    <link rel="stylesheet" href="../../../../lib/layui2.0/css/layui.css" media="all">
    <script type="text/javascript" src="../../../../lib/loading/okLoading.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="../../../../js/xm-select.js"></script>

</head>
<!--借还流水-->
<style>
    .layui-form-label {
        width: 150px !important;
    }
</style>

<body>
<div class="x-nav">
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon"
                                                                        style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body" id="app">
    <div class="main_box">
        <div class="panel-heading">
            <ul class="nav nav-tabs" id="navTabs">
                <li class=""><a class="receivePane" data-tab=""  href="#" onclick="p_admin_add('项目详情','essential_information/essential_information.html?recordId='+recordId +'&businessTypeId=' + businessTypeId,'1200','600')">基本信息</a></li>
                <li class=""><a class="payPane" data-tab="" href="#" onclick="p_admin_add('项目详情','personnel_information/personnel_information.html?recordId='+recordId +'&businessTypeId=' + businessTypeId,'1200','600')">人员信息</a></li>
                <li class=""><a class="payPane" data-tab="" href="#" onclick="p_admin_add('项目详情','tracking_phase/tracking_phase.html?recordId='+recordId +'&businessTypeId=' + businessTypeId,'1200','600')">跟踪阶段</a></li>
                <li class="active"><a class="payPane" data-tab="" href="#" onclick="p_admin_add('项目详情','visit_records.html?recordId='+recordId +'&businessTypeId=' + businessTypeId,'1200','600')">拜访记录</a></li>

                <li class=""><a class="payPane" data-tab="" href="#" onclick="p_admin_add('项目详情','project_log/project_log.html?recordId='+recordId +'&businessTypeId=' + businessTypeId,'1200','600')">项目日志</a></li>


            </ul>
        </div>
    </div>
    <div class="header_add">
        <h4 class="visit_records_add">拜访记录

            <xblock>

                <button class="layui-btn" onclick="admin_add('添加','visit_records_add.html?recordId='+recordId,'1000','600')"><i
                        class="layui-icon">&#xe608;</i>添加</button>
            </xblock>

        </h4>
        <ul class="layui-timeline">


            <li class="layui-timeline-item" v-for="u in statistics" :key="u.id">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">{{u.createTime}}</h3>
                    <h4 class="layui-timeline-title red_color">{{u.belongStage}}</h4>
                    <p>
                        跟踪人员：{{u.operatorName}}
                        <br>联系人员：【经理】{{u.operatorName}}
                        <br>沟通内容：{{u.operationContent}}
<!--                        <img :src="bindSrcBillAttachment(u.picUrl)"   alt="">-->
                    </p>
                </div>
            </li>



        </ul>
    </div>


</div>
<script type="text/javascript" src="../../../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../../../js/myAjax.js"></script>
<script type="text/javascript" src="../../../../js/pub.js"></script>
<script src="../../../../lib/layui/layui2.5.7.js" charset="utf-8"></script>
<script src="../../../../js/x-layui.js" charset="utf-8"></script>
<script src="../../../../js/vue.min.js" charset="utf-8"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script>
    layui.use(['element', 'layer', 'form', 'laydate'], function () {
        $ = layui.jquery;//jquery
        element = layui.element;//面包导航
        layer = layui.layer;//弹出层
        laydate = layui.laydate;//日期插件
        form = layui.form;
        okLoading.close($);
    })

</script>
<script>

    var recordId = getQueryVariable("recordId");
        console.log(recordId);
    var businessTypeId=getQueryVariable("businessTypeId");
    layui.use(['laydate', 'form', 'layer'],
        function () {
            var form = layui.form;
            var layer = layui.layer;
            var laydate = layui.laydate;

        });



    function p_admin_add(title,url,w,h){
        p_admin_show(title,url,w,h);
    }


</script>
<script>

    var vm = new Vue({
        el: "#app",
        data: {
            statistics: {}
        },
        mounted() {
            this.statisticsFun();
        },
        methods: {

            bindSrcBillAttachment(value) {
                return $baseUrl +
                    'other/viewUploadFile2?id=' + value;
            },

            statisticsFun() {
                let request = {
                    url: "xa/projectLog/getVisitRecords",
                    data: {
                        userId: $userId,
                        projectId:recordId,
                        logType:2,
                    },

                };
                sendRequest(request, (data) => {
                    console.log(data);
                    this.statistics = data.data
                });


            }
        }

    });



</script>
</body>

</html>
